<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片3D叠加切换</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="lxMove.js"></script>
<script type="text/javascript" src="index.js"></script>


</head>
<body>



<div id="wrap">
    <img src="../images/1.jpg" alt="" class="pos_1" name="img1">
    <img src="../images/2.jpg" alt="" class="pos_2" name="img1">
    <img src="../images/3.jpg" alt="" class="pos_3" name="img1">
    <img src="../images/4.jpg" alt="" class="pos_4" name="img1">       
    <img src="../images/5.jpg" alt="" class="pos_5" name="img1">
    <div id="left"></div>
    <div id="right"></div>
    <img id="prev" src="images/prev.png" alt="左">
    <img id="prev_txt" src="images/prev_txt.png" alt="2">
    <img id="next" src="images/next.png" alt="右">
    <img id="next_txt" src="images/next_txt.png" alt="4">
    <ul class="leige">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <img id="footer" src="../images/1.jpg" alt="5"></img>
    <div id="btn"></div>
</div>



</body>
</html>
